<template lang="pug">
  span.zgplugin-text.zgplugin-empty(v-if="(!exist||!valEmpty)&&editor")
    svg-icon.empty-icon(icon-class="组件文本")
  .zgplugin-text(v-else-if="(exist&&valEmpty)" :style="'color:'+config.color+';font-size:'+config.fontSize+';text-align:'+config.textAlign")
    .text-label {{config.label}}
    .text-content {{getContent()}}
</template>
<script>
import renderCommon from '../common/renderCommon'

export default {
  mixins: [renderCommon]
}
</script>
<style lang="scss">
.zgplugin-text {
  margin-top: 16px;
  border-bottom: 1px solid transparent;
  box-sizing: border-box;
  display: flex;
  .text-label {
    display: inline-block;
  }
  .text-content {
    flex: 1;
  }
}
</style>
